<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script type="text/javascript" src='./jquery-3.1.1.js'></script>
	<script type="text/javascript" src='./练习.js'></script>
	<link rel="stylesheet" href="./练习.css">
</head>
<body>
	<div class="wu">
		<div class="wu_2"><img src="./tp/1.png" alt=""></div>
			<div class="wu_1">
			<a href="">小米商城</a>
			<span>|</span>
			<a href="">MIUI</a>
			<span>|</span>
			<a href="">米聊</a>
			<span>|</span>
			<a href="">游戏</a>
			<span>|</span>
			<a href="">多看阅读</a>
			<span>|</span>
			<a href="">云服务</a>
			<span>|</span>
			<a href="">金融</a>
			<span>|</span>
			<a href="">小米商城移动版</a>
			<span>|</span>
			<a href="">问题反馈</a>
			<span>|</span>
			<a href="">Select Region</a>
			<div class="wu_3">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<span>|</span>
				<a href="">消息通知</a>
				<a href="" class="wu11"><span>&#xe60c;</span>购物车(0)
					<div class="wu2">购物车中还没有商品，赶紧选购吧！</div>
				</a>
			</div>
		</div>
		</div>
	<div class="qin">
		<div class="qin_1">
			<img src="./tp/2.png" alt="" class="logo">
			<ul>
				<li class="lo other">小米手机</li>
				<li class="lo other">红米</li>
				<li class="lo other">平板 · 笔记本</li>
				<li class="lo other">电视</li>
				<li class="lo other">盒子 · 影音</li>
				<li class="lo other">路由器</li>
				<li class="lo other">智能硬件</li>
				<li><a href="">服务</a></li>
				<li><a href="">社区</a></li>
			</ul>
			<form action="">
				<input type="submit" id="xin" value="&#xe616">
				<input type="text" id="xin1">
				<div class="xing">
				<a href="">红米 4X</a>
				<a href="">小米电视3s 48英寸</a>
				</div>
				<div class="zhi">
					<p><a href="">小米5s Plus<span>约有5件</span></a></p>
					<p><a href="">小米Mix<span>约有4件</span></a></p>
					<p><a href="">小米手机5<span>约有13件</span></a></p>
					<p><a href="">空气净化器2<span>约有45件</span></a></p>
					<p><a href="">活塞耳机<span>约有8件</span></a></p>
					<p><a href="">小米路由器<span>约有9件</span></a></p>
					<p><a href="">移动电源<span>约有7件</span></a></p>
					<p><a href="">移动相机<span>约有16件</span></a></p>
					<p><a href="">小蚁摄像机<span>约有18件</span></a></p>
					<p><a href="">小米体重秤<span>约有7件</span></a></p>
					<p><a href="">小米插线板<span>约有1件</span></a></p>
					<p><a href="">配件优惠套餐<span>约有19件</span></a></p>
				</div>
				
			</form>
		</div></div>
	<div class="lo show">
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt=""><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt=""><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt=""><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt=""><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt=""><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div>
		<div class="qin_11">
			<div class="qin_111">
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<din class="bin"><a href=""><img src="./tp/3.png" alt="" class="p"><p>小米手机5c</p></a><p>1235元</p></din>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
				<div class="bin"></div>
			</div>
		</div></div>
	<div class="da">
		<div class="da1">
			<img src="./tp/1.jpg" alt="">
			<img src="./tp/2.jpg" alt="">
			<img src="./tp/3.jpg" alt="">
			<img src="./tp/4.jpg" alt="">
			<img src="./tp/5.jpg" alt="">
		</div>
		<ul>
			<li class="da2"></li>
			<li class="da2"></li>
			<li class="da2"></li>
			<li class="da2"></li>
			<li class="da2"></li>
		</ul>
		<img src="./tp/4.png" alt="" class="left">
		<img src="./tp/5.png" alt="" class="right">
		<div class="da3">
			<div class="da32">手机 电话卡<i></i>
				<div class="wp">
					<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div>
			</div>
			<div class="da32">笔记本 平板<i></i>
				<div class="wp">
				<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div>
			</div>
			<div class="da32">电视 盒子<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">路由器 智能硬件<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">移动电源 电池 插线板<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">耳机 音箱<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">保护套 贴膜<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">线材 支架 存储卡<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">箱包 服饰<i></i>
			<div class="wp">
			<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
			<div class="da32">米兔 生活周边<i></i>
				<div class="wp">
				<a href="">
					<img src="./tp/6.png" alt="">
					<p>小米手机5c</p>
					<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
					<a href="">
						<img src="./tp/6.png" alt="">
						<p>小米手机5c</p>
						<input type="button" value="选购" class="xg">
					</a>
				</div></div>
		</div></div>
	<div class="z">
		<div class="z_1">
			<div class="z_11">
				<a href="" class="z_111"><p class="z_1111">&#xe901</p><p>选购手机</p></a>
				<a href="" class="z_111"><p class="z_1111"></p><p>企业团购</p></a>
				<a href="" class="z_111"><p class="z_1111">&#xe902</p><p>一元活动</p></a>
				<a href="" class="z_111"><p class="z_1111"></p><p>小米移动</p></a>
				<a href="" class="z_111"><p class="z_1111"></p><p>以旧换新</p></a>
				<a href="" class="z_111"><p class="z_1111"></p><p>话费充值</p></a>
			</div>
			<div class="z_12">
				<a href=""><img src="./tp/9.png" alt=""></a>
				<a href="" class="z_121"><img src="./tp/7.png" alt=""></a>
				<a href=""><img src="./tp/8.png" alt=""></a>
			</div>
		</div></div>
	<div class="mx">
		<div class="mx_1">小米明星单品</div>
		<div class="mx_2">
			<div class="mx_21">
				<li><a href=""><img src="./tp/10.png" alt=""><p>小米手机5 64GB</p></a><p class="wo">四轴防抖相机，能刷公交卡、银行卡</p><p class="cao">1799元</p></li>
				<li><a href=""><img src="./tp/11.png" alt=""><p>小米电视3s 55英寸</p></a><p class="wo">人工智能电视，4K大屏新旗舰</p><p class="cao">3999元</p></li>
				<li><a href=""><img src="./tp/12.png" alt=""><p>小米移动电源2</p></a><p class="wo">双向快充，高密度锂聚合物电芯</p><p class="cao">79元</p></li>
				<li><a href=""><img src="./tp/13.png" alt=""><p>小米手环 2</p></a><p class="wo">OLED 显示屏幕，升级计步算法</p><p class="cao">149元</p></li>
				<li><a href=""><img src="./tp/14.png" alt=""><p>米家扫地机器人</p></a><p class="wo">智能路径规划，扫得干净扫得快</p><p class="cao">1699元</p></li>
				<li><a href=""><img src="./tp/15.png" alt=""><p>米家 LED 智能台灯</p></a><p class="wo">无可视频闪，亮度色温无级调节</p><p class="cao">169元</p></li>
				<li><a href=""><img src="./tp/16.png" alt=""><p>米家iHealth血压计</p></a><p class="wo">爸妈上手就会用的智能血压计</p><p class="cao">399元</p></li>
				<li><a href=""><img src="./tp/17.png" alt=""><p>小米路由器3</p></a><p class="wo">更快更强，不止四天线</p><p class="cao">149元</p></li>
				<li><a href=""><img src="./tp/18.png" alt=""><p>小米活塞耳机 清新版</p></a><p class="wo">铝合金音腔，第三代平衡阻尼系统</p><p class="cao">29元</p></li>
				<li><a href=""><img src="./tp/19.png" alt=""><p>小米体重秤</p></a><p class="wo">100克，喝杯水都可感知的精准</p><p class="cao">99元</p></li>
			</div>
		</div>
	</div>
</body>
</html>